<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>JQuery scrollable fixed header table plugin</title>
<link href="css/scrollableFixedHeaderTable.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.cookie.pack.js"></script>
<script type="text/javascript" src="javascripts/jquery.dimensions.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.scrollableFixedHeaderTable.js"></script>
</head>

<body>
 <style>
  .div {
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid #CCCCCC;
		width: 802px;
  }
  
	.myTable {
		background-color: BLACK;
		font-size: 12px;
	}

	.myTable td {
		background-color: WHITE;
	}

  .myTable .header td {
    font-weight: bold;
    background-color: #CCCCCC;
  }

</style>
<body>
<center>
<h1>
Scrollable Fixed Header Table
</h1>
<h2>
JQuery Plugin
</h2>
</center>
<strong>With column select. </strong> <br/>
Click on the blue arrow to toggle column select. <br/>
Try refreshing the page after selecting columns. The selected columns are retained.
<div class="div"><table class="myTable scrollableFixedHeaderTable" width="1600px" id="_myTable1" cellspacing="1"><tr class="header"><td>Supplier ID</td><td>Company Name</td><td>Contact Name</td><td>Contact Title</td><td>Address</td><td>City</td><td>Region</td><td>Postal Code</td><td>Country</td><td>Phone</td><td>Fax</td></tr><tr><td>1</td><td>Exotic Liquids</td><td>Charlotte Cooper</td><td>Purchasing Manager</td><td>49 Gilbert St.</td><td>London</td><td>&nbsp; </td><td>EC1 4SD</td><td>UK</td><td>(171) 555-2222</td><td>&nbsp; </td></tr><tr><td>2</td><td>New Orleans Cajun Delights</td><td>Shelley Burke</td><td>Order Administrator</td><td>P.O. Box 78934</td><td>New Orleans</td><td>LA</td><td>70117</td><td>USA</td><td>(100) 555-4822</td><td>&nbsp; </td></tr><tr><td>3</td><td>Grandma Kelly's Homestead</td><td>Regina Murphy</td><td>Sales Representative</td><td>707 Oxford Rd.</td><td>Ann Arbor</td><td>MI</td><td>48104</td><td>USA</td><td>(313) 555-5735</td><td>(313) 555-3349</td></tr><tr><td>4</td><td>Tokyo Traders</td><td>Yoshi Nagase</td><td>Marketing Manager</td><td> 9-8 Sekimai Musashino-shi </td><td>Tokyo</td><td>&nbsp; </td><td>100</td><td>Japan</td><td>(03) 3555-5011</td><td>&nbsp; </td></tr><tr><td>5</td><td>Cooperativa de Quesos 'Las Cabras'</td><td>&nbsp; </td><td>Export Administrator</td><td>Calle del Rosal 4</td><td>Oviedo</td><td>Asturias</td><td>33007</td><td>Spain</td><td>(98) 598 76 54</td><td>&nbsp; </td></tr><tr><td>6</td><td>Mayumi's</td><td>Mayumi Ohno</td><td>Marketing Representative</td><td> 92 Setsuko Chuo-ku </td><td>Osaka</td><td>&nbsp; </td><td>545</td><td>Japan</td><td>(06) 431-7877</td><td>&nbsp; </td></tr><tr><td>7</td><td>Pavlova, Ltd.</td><td>Ian Devling</td><td>Marketing Manager</td><td> 74 Rose St. Moonie Ponds </td><td>Melbourne</td><td>Victoria</td><td>3058</td><td>Australia</td><td>(03) 444-2343</td><td>(03) 444-6588</td></tr><tr><td>8</td><td>Specialty Biscuits, Ltd.</td><td>Peter Wilson</td><td>Sales Representative</td><td>29 King's Way</td><td>Manchester</td><td>&nbsp; </td><td>M14 GSD</td><td>UK</td><td>(161) 555-4448</td><td>&nbsp; </td></tr><tr><td>9</td><td>PB Kn&auml;ckebr&ouml;d AB </td><td>Lars Peterson</td><td>Sales Agent</td><td>Kaloadagatan 13</td><td>G&ouml;teborg </td><td>&nbsp; </td><td>S-345 67</td><td>Sweden</td><td>031-987 65 43</td><td>031-987 65 91</td></tr><tr><td>10</td><td>Refrescos Americanas LTDA</td><td>Carlos Diaz</td><td>Marketing Manager</td><td>Av. das Americanas 12.890</td><td>S&atilde;o Paulo </td><td>&nbsp; </td><td>5442</td><td>Brazil</td><td>(11) 555 4640</td><td>&nbsp; </td></tr><tr><td>11</td><td>Heli S&uuml;&szlig;waren GmbH &amp; Co. KG </td><td>Petra Winkler</td><td>Sales Manager</td><td>Tiergartenstra&szlig;e 5 </td><td>Berlin</td><td>&nbsp; </td><td>10785</td><td>Germany</td><td>(010) 9984510</td><td>&nbsp; </td></tr><tr><td>12</td><td>Plutzer Lebensmittelgro&szlig;m&auml;rkte AG </td><td>Martin Bein</td><td>International Marketing Mgr.</td><td>Bogenallee 51</td><td>Frankfurt</td><td>&nbsp; </td><td>60439</td><td>Germany</td><td>(069) 992755</td><td>&nbsp; </td></tr><tr><td>13</td><td>Nord-Ost-Fisch Handelsgesellschaft mbH</td><td>Sven Petersen</td><td>Coordinator Foreign Markets</td><td>Frahmredder 112a</td><td>Cuxhaven</td><td>&nbsp; </td><td>27478</td><td>Germany</td><td>(04721) 8713</td><td>(04721) 8714</td></tr><tr><td>14</td><td>Formaggi Fortini s.r.l.</td><td>Elio Rossi</td><td>Sales Representative</td><td>Viale Dante, 75</td><td>Ravenna</td><td>&nbsp; </td><td>48100</td><td>Italy</td><td>(0544) 60323</td><td>(0544) 60603</td></tr><tr><td>15</td><td>Norske Meierier</td><td>Beate Vileid</td><td>Marketing Manager</td><td>Hatlevegen 5</td><td>Sandvika</td><td>&nbsp; </td><td>1320</td><td>Norway</td><td>(0)2-953010</td><td>&nbsp; </td></tr><tr><td>16</td><td>Bigfoot Breweries</td><td>Cheryl Saylor</td><td>Regional Account Rep.</td><td> 3400 - 8th Avenue Suite 210 </td><td>Bend</td><td>OR</td><td>97101</td><td>USA</td><td>(503) 555-9931</td><td>&nbsp; </td></tr><tr><td>17</td><td>Svensk Sj&ouml;f&ouml;da AB </td><td>Michael Bj&ouml;rn </td><td>Sales Representative</td><td>Brovallav&auml;gen 231 </td><td>Stockholm</td><td>&nbsp; </td><td>S-123 45</td><td>Sweden</td><td>08-123 45 67</td><td>&nbsp; </td></tr><tr><td>18</td><td>Aux joyeux eccl&eacute;siastiques </td><td>Guyl&egrave;ne Nodier </td><td>Sales Manager</td><td>203, Rue des Francs-Bourgeois</td><td>Paris</td><td>&nbsp; </td><td>75004</td><td>France</td><td>(1) 03.83.00.68</td><td>(1) 03.83.00.62</td></tr><tr><td>19</td><td>New England Seafood Cannery</td><td>Robb Merchant</td><td>Wholesale Account Agent</td><td> Order Processing Dept. 2100 Paul Revere Blvd. </td><td>Boston</td><td>MA</td><td>02134</td><td>USA</td><td>(617) 555-3267</td><td>(617) 555-3389</td></tr><tr><td>20</td><td>Leka Trading</td><td>Chandra Leka</td><td>Owner</td><td>471 Serangoon Loop, Suite #402</td><td>Singapore</td><td>&nbsp; </td><td>0512</td><td>Singapore</td><td>555-8787</td><td>&nbsp; </td></tr><tr><td>21</td><td>Lyngbysild</td><td>Niels Petersen</td><td>Sales Manager</td><td> Lyngbysild Fiskebakken 10 </td><td>Lyngby</td><td>&nbsp; </td><td>2800</td><td>Denmark</td><td>43844108</td><td>43844115</td></tr><tr><td>22</td><td>Zaanse Snoepfabriek</td><td>Dirk Luchte</td><td>Accounting Manager</td><td> Verkoop Rijnweg 22 </td><td>Zaandam</td><td>&nbsp; </td><td>9999 ZZ</td><td>Netherlands</td><td>(12345) 1212</td><td>(12345) 1210</td></tr><tr><td>23</td><td>Karkki Oy</td><td>Anne Heikkonen</td><td>Product Manager</td><td>Valtakatu 12</td><td>Lappeenranta</td><td>&nbsp; </td><td>53120</td><td>Finland</td><td>(953) 10956</td><td>&nbsp; </td></tr><tr><td>24</td><td>G'day, Mate</td><td>Wendy Mackenzie</td><td>Sales Representative</td><td> 170 Prince Edward Parade Hunter's Hill </td><td>Sydney</td><td>NSW</td><td>2042</td><td>Australia</td><td>(02) 555-5914</td><td>(02) 555-4873</td></tr><tr><td>25</td><td>Ma Maison</td><td>Jean-Guy Lauzon</td><td>Marketing Manager</td><td>2960 Rue St. Laurent</td><td>Montr&eacute;al </td><td>Qu&eacute;bec </td><td>H1J 1C3</td><td>Canada</td><td>(514) 555-9022</td><td>&nbsp; </td></tr><tr><td>26</td><td>Pasta Buttini s.r.l.</td><td>Giovanni Giudici</td><td>Order Administrator</td><td>Via dei Gelsomini, 153</td><td>Salerno</td><td>&nbsp; </td><td>84100</td><td>Italy</td><td>(089) 6547665</td><td>(089) 6547667</td></tr><tr><td>27</td><td>Escargots Nouveaux</td><td>Marie Delamare</td><td>Sales Manager</td><td>22, rue H. Voiron</td><td>Montceau</td><td>&nbsp; </td><td>71300</td><td>France</td><td>85.57.00.07</td><td>&nbsp; </td></tr><tr><td>28</td><td>Gai p&acirc;turage </td><td>Eliane Noz</td><td>Sales Representative</td><td> Bat. B 3, rue des Alpes </td><td>Annecy</td><td>&nbsp; </td><td>74000</td><td>France</td><td>38.76.98.06</td><td>38.76.98.58</td></tr><tr><td>29</td><td>For&ecirc;ts d'&eacute;rables </td><td>Chantal Goulet</td><td>Accounting Manager</td><td>148 rue Chasseur</td><td>Ste-Hyacinthe</td><td>Qu&eacute;bec </td><td>J2S 7S8</td><td>Canada</td><td>(514) 555-2955</td><td>(514) 555-2921</td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table></div>
<br />

<strong>Without column select.</strong>
<div class="div"><table class="myTable scrollableFixedHeaderTable" width="1600px" id="_myTable2" cellspacing="1"><tr class="header"><td>Supplier ID</td><td>Company Name</td><td>Contact Name</td><td>Contact Title</td><td>Address</td><td>City</td><td>Region</td><td>Postal Code</td><td>Country</td><td>Phone</td><td>Fax</td></tr><tr><td>1</td><td>Exotic Liquids</td><td>Charlotte Cooper</td><td>Purchasing Manager</td><td>49 Gilbert St.</td><td>London</td><td>&nbsp; </td><td>EC1 4SD</td><td>UK</td><td>(171) 555-2222</td><td>&nbsp; </td></tr><tr><td>2</td><td>New Orleans Cajun Delights</td><td>Shelley Burke</td><td>Order Administrator</td><td>P.O. Box 78934</td><td>New Orleans</td><td>LA</td><td>70117</td><td>USA</td><td>(100) 555-4822</td><td>&nbsp; </td></tr><tr><td>3</td><td>Grandma Kelly's Homestead</td><td>Regina Murphy</td><td>Sales Representative</td><td>707 Oxford Rd.</td><td>Ann Arbor</td><td>MI</td><td>48104</td><td>USA</td><td>(313) 555-5735</td><td>(313) 555-3349</td></tr><tr><td>4</td><td>Tokyo Traders</td><td>Yoshi Nagase</td><td>Marketing Manager</td><td> 9-8 Sekimai Musashino-shi </td><td>Tokyo</td><td>&nbsp; </td><td>100</td><td>Japan</td><td>(03) 3555-5011</td><td>&nbsp; </td></tr><tr><td>5</td><td>Cooperativa de Quesos 'Las Cabras'</td><td>&nbsp; </td><td>Export Administrator</td><td>Calle del Rosal 4</td><td>Oviedo</td><td>Asturias</td><td>33007</td><td>Spain</td><td>(98) 598 76 54</td><td>&nbsp; </td></tr><tr><td>6</td><td>Mayumi's</td><td>Mayumi Ohno</td><td>Marketing Representative</td><td> 92 Setsuko Chuo-ku </td><td>Osaka</td><td>&nbsp; </td><td>545</td><td>Japan</td><td>(06) 431-7877</td><td>&nbsp; </td></tr><tr><td>7</td><td>Pavlova, Ltd.</td><td>Ian Devling</td><td>Marketing Manager</td><td> 74 Rose St. Moonie Ponds </td><td>Melbourne</td><td>Victoria</td><td>3058</td><td>Australia</td><td>(03) 444-2343</td><td>(03) 444-6588</td></tr><tr><td>8</td><td>Specialty Biscuits, Ltd.</td><td>Peter Wilson</td><td>Sales Representative</td><td>29 King's Way</td><td>Manchester</td><td>&nbsp; </td><td>M14 GSD</td><td>UK</td><td>(161) 555-4448</td><td>&nbsp; </td></tr><tr><td>9</td><td>PB Kn&auml;ckebr&ouml;d AB </td><td>Lars Peterson</td><td>Sales Agent</td><td>Kaloadagatan 13</td><td>G&ouml;teborg </td><td>&nbsp; </td><td>S-345 67</td><td>Sweden</td><td>031-987 65 43</td><td>031-987 65 91</td></tr><tr><td>10</td><td>Refrescos Americanas LTDA</td><td>Carlos Diaz</td><td>Marketing Manager</td><td>Av. das Americanas 12.890</td><td>S&atilde;o Paulo </td><td>&nbsp; </td><td>5442</td><td>Brazil</td><td>(11) 555 4640</td><td>&nbsp; </td></tr><tr><td>11</td><td>Heli S&uuml;&szlig;waren GmbH &amp; Co. KG </td><td>Petra Winkler</td><td>Sales Manager</td><td>Tiergartenstra&szlig;e 5 </td><td>Berlin</td><td>&nbsp; </td><td>10785</td><td>Germany</td><td>(010) 9984510</td><td>&nbsp; </td></tr><tr><td>12</td><td>Plutzer Lebensmittelgro&szlig;m&auml;rkte AG </td><td>Martin Bein</td><td>International Marketing Mgr.</td><td>Bogenallee 51</td><td>Frankfurt</td><td>&nbsp; </td><td>60439</td><td>Germany</td><td>(069) 992755</td><td>&nbsp; </td></tr><tr><td>13</td><td>Nord-Ost-Fisch Handelsgesellschaft mbH</td><td>Sven Petersen</td><td>Coordinator Foreign Markets</td><td>Frahmredder 112a</td><td>Cuxhaven</td><td>&nbsp; </td><td>27478</td><td>Germany</td><td>(04721) 8713</td><td>(04721) 8714</td></tr><tr><td>14</td><td>Formaggi Fortini s.r.l.</td><td>Elio Rossi</td><td>Sales Representative</td><td>Viale Dante, 75</td><td>Ravenna</td><td>&nbsp; </td><td>48100</td><td>Italy</td><td>(0544) 60323</td><td>(0544) 60603</td></tr><tr><td>15</td><td>Norske Meierier</td><td>Beate Vileid</td><td>Marketing Manager</td><td>Hatlevegen 5</td><td>Sandvika</td><td>&nbsp; </td><td>1320</td><td>Norway</td><td>(0)2-953010</td><td>&nbsp; </td></tr><tr><td>16</td><td>Bigfoot Breweries</td><td>Cheryl Saylor</td><td>Regional Account Rep.</td><td> 3400 - 8th Avenue Suite 210 </td><td>Bend</td><td>OR</td><td>97101</td><td>USA</td><td>(503) 555-9931</td><td>&nbsp; </td></tr><tr><td>17</td><td>Svensk Sj&ouml;f&ouml;da AB </td><td>Michael Bj&ouml;rn </td><td>Sales Representative</td><td>Brovallav&auml;gen 231 </td><td>Stockholm</td><td>&nbsp; </td><td>S-123 45</td><td>Sweden</td><td>08-123 45 67</td><td>&nbsp; </td></tr><tr><td>18</td><td>Aux joyeux eccl&eacute;siastiques </td><td>Guyl&egrave;ne Nodier </td><td>Sales Manager</td><td>203, Rue des Francs-Bourgeois</td><td>Paris</td><td>&nbsp; </td><td>75004</td><td>France</td><td>(1) 03.83.00.68</td><td>(1) 03.83.00.62</td></tr><tr><td>19</td><td>New England Seafood Cannery</td><td>Robb Merchant</td><td>Wholesale Account Agent</td><td> Order Processing Dept. 2100 Paul Revere Blvd. </td><td>Boston</td><td>MA</td><td>02134</td><td>USA</td><td>(617) 555-3267</td><td>(617) 555-3389</td></tr><tr><td>20</td><td>Leka Trading</td><td>Chandra Leka</td><td>Owner</td><td>471 Serangoon Loop, Suite #402</td><td>Singapore</td><td>&nbsp; </td><td>0512</td><td>Singapore</td><td>555-8787</td><td>&nbsp; </td></tr><tr><td>21</td><td>Lyngbysild</td><td>Niels Petersen</td><td>Sales Manager</td><td> Lyngbysild Fiskebakken 10 </td><td>Lyngby</td><td>&nbsp; </td><td>2800</td><td>Denmark</td><td>43844108</td><td>43844115</td></tr><tr><td>22</td><td>Zaanse Snoepfabriek</td><td>Dirk Luchte</td><td>Accounting Manager</td><td> Verkoop Rijnweg 22 </td><td>Zaandam</td><td>&nbsp; </td><td>9999 ZZ</td><td>Netherlands</td><td>(12345) 1212</td><td>(12345) 1210</td></tr><tr><td>23</td><td>Karkki Oy</td><td>Anne Heikkonen</td><td>Product Manager</td><td>Valtakatu 12</td><td>Lappeenranta</td><td>&nbsp; </td><td>53120</td><td>Finland</td><td>(953) 10956</td><td>&nbsp; </td></tr><tr><td>24</td><td>G'day, Mate</td><td>Wendy Mackenzie</td><td>Sales Representative</td><td> 170 Prince Edward Parade Hunter's Hill </td><td>Sydney</td><td>NSW</td><td>2042</td><td>Australia</td><td>(02) 555-5914</td><td>(02) 555-4873</td></tr><tr><td>25</td><td>Ma Maison</td><td>Jean-Guy Lauzon</td><td>Marketing Manager</td><td>2960 Rue St. Laurent</td><td>Montr&eacute;al </td><td>Qu&eacute;bec </td><td>H1J 1C3</td><td>Canada</td><td>(514) 555-9022</td><td>&nbsp; </td></tr><tr><td>26</td><td>Pasta Buttini s.r.l.</td><td>Giovanni Giudici</td><td>Order Administrator</td><td>Via dei Gelsomini, 153</td><td>Salerno</td><td>&nbsp; </td><td>84100</td><td>Italy</td><td>(089) 6547665</td><td>(089) 6547667</td></tr><tr><td>27</td><td>Escargots Nouveaux</td><td>Marie Delamare</td><td>Sales Manager</td><td>22, rue H. Voiron</td><td>Montceau</td><td>&nbsp; </td><td>71300</td><td>France</td><td>85.57.00.07</td><td>&nbsp; </td></tr><tr><td>28</td><td>Gai p&acirc;turage </td><td>Eliane Noz</td><td>Sales Representative</td><td> Bat. B 3, rue des Alpes </td><td>Annecy</td><td>&nbsp; </td><td>74000</td><td>France</td><td>38.76.98.06</td><td>38.76.98.58</td></tr><tr><td>29</td><td>For&ecirc;ts d'&eacute;rables </td><td>Chantal Goulet</td><td>Accounting Manager</td><td>148 rue Chasseur</td><td>Ste-Hyacinthe</td><td>Qu&eacute;bec </td><td>J2S 7S8</td><td>Canada</td><td>(514) 555-2955</td><td>(514) 555-2921</td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table></div>
</body>
<script>
	$(document).ready(function(){
		$('#_myTable1').scrollableFixedHeaderTable(800,200,'true','scr_table_1');
		$('#_myTable2').scrollableFixedHeaderTable(800,200);
	});
</script>

